<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度首页</title>
    <style>
        .box {

            text-align: center;
        }
        .link {
            height: 60px;
        }

        a {
            color: #551a8b;
        }

        .check {
            text-decoration: none;
            color: black;
            font-weight: 700;
        }
        .search {
            height: 60px;
        }
        .keyword {
            width: 432px;
            height: 30px;
        }
        .search-btn {
            width: 100px;
            height: 30px;
        }

        .more {
            height: 60px;
        }

        .map {
            height: 60px;
        }
    </style>
</head>

<body>
    <div class="box">
        <img src="./images/logo.gif" alt="logo">
        <div class="link">
            <a href="#">新 闻</a>
            <a class="check" href="#">网 页</a>
            <a href="#">贴 吧</a>
            <a href="#">知 道</a>
            <a href="#">音 乐</a>
            <a href="#">图 片</a>
            <a href="#">视 频</a>
            <a href="#">地 图</a>
        </div>
        <div class="search">
            <input type="text" class="keyword" >
            <input type="button" class="search-btn" value="百度一下">
        </div>
        <div class="more">
            <a href="#">百科</a> 
            <a href="#">文库</a>
            <a href="#">hao123</a>|
            <a href="#">更多</a>
        </div>
        <div class="map">
            <img src="./images/icon.jpg" alt="">
            <a href="#">百度地图带你吃喝玩乐，全心全意为人民服务</a>
        </div>
        <div >
            <a href="#">把百度设为主页</a> 
            <a href="#"> 安装百度卫士</a>
        </div>
        <div >
            <a href="#">加入百度推广</a> |
            <a href="#">搜索风云榜</a>|
            <a href="#">关于百度</a>|
            <a href="#">About Baidu</a>
        </div>
        <p>©2021 Baidu 使用百度前必读 京ICP证030173号</p>

    </div>


</body>

</html>